$(document).ready(function() {
    // 获取.procon元素相对于文档顶部的距离
    var proconOffset = $('.procon').offset().top;

    $(window).scroll(function() {
        // 获取当前滚动条的位置
        var scrollTop = $(window).scrollTop();
        // 获取窗口的高度
        var windowHeight = $(window).height();

        // 判断.procon元素是否进入视口
        if (scrollTop + windowHeight > proconOffset) {
            // 使用fadeIn方法让.procon下的图片和文字淡入
            $('.procon dt, .procon dd').fadeIn(2000);
            // 取消滚动事件监听，防止重复触发
            $(window).off('scroll');
        }
    });
});